<template>
  <div>
    <div class="index-footer">

      <div class="div-footer">
        <div style="width:35%;">
          <p style="margin-top: 0;">
            <img src="../../assets/xh-gzh.jpg" alt="" width="130px">
          </p>
          <span style="color: #999;">扫码关注</span>
        </div>
        <div style="width:65%">
          <p class="lianx-font" style="margin-top: 0">电话： 4009-021-830</p>
          <p class="lianx-font">邮箱： xhnj@xh-nj.com</p>
          <p class="dialog-font">
            <span class=" span-bef" style=" padding: 0 10px 0 0;">
              <a @click="manualDownload">平台操作手册下载</a>
            </span>
            <span class=" span-bef">
              <a @click="acceptBankDownload">票据承兑行下载</a>
            </span>
            <!--<span class=" span-bef">
              <a>财票承兑行下载</a>
            </span>-->
            <span style="padding: 0 10px;">
              <a href="http://www.xh-nj.com/" target="_blank">关于我们</a>
            </span>
          </p>
          <p class="dialog-font">
            <span>Copyright&nbsp;&copy;&nbsp;&nbsp;{{ date }}&nbsp;&nbsp;享和宁杰金融信息服务（上海）有限公司&nbsp;&nbsp;版权所有&nbsp;&nbsp;</span>
            <a href="http://www.beian.miit.gov.cn/" target="_blank">沪ICP备19047252号-2</a>
          </p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import {doGet, doPost} from '@/api'

export default {
  components: { },
  data() {
    return {
      date: '',
    }
  },
  created() {
    this.nowTimes()
  },
  methods: {
    /**票据承兑行下载*/
    acceptBankDownload() {
      var url = 'http://www.piaojupingtai.com/'
      url += 'downLoad.html?op=download&bankCode=2'
      window.open(url)
    },
    /**平台操作手册下载*/
    manualDownload() {
      var url = 'http://www.piaojupingtai.com/'
      url += 'downLoad.html?op=download&bankCode=1'
      window.open(url)
    },
    timeFormate(timeStamp) {
      let year = new Date(timeStamp).getFullYear()
      // return year + "年" + month + "月" + date +"日"+" "+hh+":"+mm ;
      this.date = year
    },
    nowTimes() {
      this.timeFormate(new Date())
      this.timer = setTimeout(this.nowTimes, 30 * 1000)
    },
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
  .index-footer {
    background: #000;
    height: 220px;
    .div-footer {
      width: 1200px;
      padding: 30px 0 0;
      margin: 0 auto;
      display: flex;
      text-align: center;
      .lianx-font {
        text-align: left;
        font-size: 26px;
        font-weight: 700;
        color: #fff;
      }
      .dialog-font {
        text-align: left;
        font-size: 14px;
        color: #999;
        a{
          &:hover {
            /*border-bottom: 1px solid #fff;*/
            color: #fff;
          }
        }
        .span-bef {
          position: relative;
          padding: 0 10px;
          &:after {
            content: '';
            position: absolute;
            top: 0%;
            right: 0%;
            background: #ccc;
            width: 1px;
            height: 15px;
          }
        }
      }
    }
  }
</style>
